.login label {
	display: inline-block;
	float: left;
	width: 100px;
}

.login input {
	width: 150px;
}

.login input[type="button"] {
	margin-top: 15px;
	margin-left: 100px;
	width: 100px;
}

.login .error {
	color: red;
	display: none;
}

/* Hide all user type menues initially */
nav section.student {
	display: none;
}

nav section.external {
	display: none;
}

nav section.employee {
	display: none;
}

/* Formating for the create new external user dialog */
.newExternal label {
	display: inline-block;
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 5px;
	font-family: arial;
	font-size: 0.9em;
}

.newExternal input.short {
	width: 125px;
	margin-right: 15px;
	float: left;
}

.newExternal input {
	width: 200px;
}

.newExternal textarea {
	height: 200px;
	width: 500px;
}

.newExternal input[type="button"] {
	margin-top: 15px;
	margin-left: 100px;
	width: 200px;
}

/* Formating for the file listing for external users 
   First set width for columns and right justify the header */
   
.filelist {
	width: 480px;
	font-family: arial;
	font-size: 0.9em;
}

.filelist th:nth-child(1) {
	width: 130px;
	text-align: left;
	overflow: hidden;
}

.filelist th:nth-child(2) {
	width: 70px;
	text-align: left;
}

.filelist th:nth-child(3) {
	width: 70px;
	text-align: left;
}

.filelist th:nth-child(4) {
	width: 210px;
	text-align: left;
}

/* If anything is to long, just clip it */
.filelist td:nth-child(1) {
	display: block;
	height: 18px;
	overflow: hidden;
}

.filelist td:nth-child(2) {
	overflow: hidden;
}

.filelist td:nth-child(3) {
	overflow: hidden;
}

.filelist td:nth-child(4) {
	display: block;
	height: 16px;
	overflow: hidden;
}

/* CSS for the new project page */
.newProject label {
	display: inline-block;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 5px;
	font-family: arial;
	font-size: 0.9em;
}

.newProject input {
	width: 300px;
}

.newProject input.short {
	width: 150px;
}	

.newProject .filelist input {
	width: inherit;
}

.newProject textarea {
	width: 460px;
	height: 180px;
}

.newProject > div {
	height: 150px;
	overflow: auto;
	width: 480px;
}

/* Formating for the listing of projects for an external user */
.projectlist {
	width: 490px;
	font-family: arial;
	font-size: 0.9em;
}

.projectlist th {
	text-align: left;
}

.projectlist td:nth-child(1) {
	width: 60px;
}

.projectlist td:nth-child(2) {
	width: 245px;
	display: block;
	height: 24px;
	overflow: hidden;	
}

.projectlist td:nth-child(4) {
	width: 110px;
}

/* CSS for the edit external user info page */
.editExternalUserInfo label {
	display: inline-block;
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 5px;
	font-family: arial;
	font-size: 0.9em;
}

.editExternalUserInfo label.short {
	width: 90px;
}

.editExternalUserInfo input.short {
	width: 115px;
	margin-right: 15px;
	float: left;
}

.editExternalUserInfo input {
	width: 200px;
}

.editExternalUserInfo textarea {
	height: 300px;
	width: 460px;
}

.editExternalUserInfo input[type="button"] {
	margin-top: 15px;
	margin-left: 100px;
	width: 200px;
}

/* CSS used in company presentation */
.companyPresentation label {
	display: inline-block;
	width: 120px;
	text-align: right;
	margin-right: 5px;
}

.companyPresentation h1 {
	margin-bottom: 3px;
}

.companyPresentation .description {
	border: 1px solid #e9e2c8;
	background: #f4edda;
	padding: 5px;
}

/* CSS for edit project */
.editProject label {
	display: inline-block;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 5px;
	font-family: arial;
	font-size: 0.9em;
}

.editProject input {
	width: 300px;
}

.editProject input.short {
	width: 150px;
}	

.editProject input[type="checkbox"] {
	width: inherit;
}

.editProject textarea {
	width: 460px;
	height: 180px;
}

.editProject > div {
	height: 150px;
	overflow: auto;
	width: 480px;
}

/* CSS for dialog showing student group for a project */
.studentGroupForProject label {
	display: inline-block;
	float: left;
	width: 135px;
	text-align: right;
	margin-right: 5px;
}

.studentGroupForProject > div {
	display: inline-block;
	float: left;
}